<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax Test</title>
</head>
<body>

</body>

<script>
    let xhttp;
    // 如果浏览器支持 XMLHttpRequest（大多数现代浏览器都支持），则创建一个新的 XMLHttpRequest 实例
    if(window.XMLHttpRequest){
        xhttp = new XMLHttpRequest();
    }else{
        //// 浏览器不支持 XMLHttpRequest，可能是旧版 IE
        xhttp = new ActiveXObject("Microsoft.XMLHTTP")
    }
    //2.发送请求
    xhttp.open("get","http://localhost:8080/web_16_ajax/ajaxServlet");
    xhttp.send();
    //3.获得响应
    xhttp.onreadystatechange = function (){
        // 在 onreadystatechange 回调函数中，this 指向 XMLHttpRequest 对象。
        // 通过 this.readyState 和 this.status 来检查请求状态和响应状态，确保 AJAX 请求成功完成。
        if(this.readyState == 4 && this.status == 200){
            alert(this.responseText);
        }
    }
</script>
</html>